<div id='comment-editor'>
</div>
<style type='text/css'>
body {background:#333;}
.emoWrap {
  background-color:#EEDE86;
  border:2px solid #D3BA59;
  padding:10px 14px;
  color:black;
  font:bold 12px Tahoma,Arial,Sans-Serif;
  text-align:center;
}

img.emo, input.emoKey {
  display:inline-block; /* Penting! */
  *display:inline;
  vertical-align:middle;
}

input.emoKey {
  border:1px solid #ccc;
  background-color:white;
  font:bold 11px Arial,Sans-Serif;
  padding:1px 2px;
  margin:0px 0px 0px 2px;
  color:black;
}
</style>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>
//<![CDATA[
var emoRange    = "#comments p, div.emoWrap",
    putEmoAbove = "#comment-editor",
    emoMessage  = false;
//]]>
</script>
<script type='text/javascript'>
$(function() {

	if (putEmoAbove) {
		$(putEmoAbove).before('<div class="emoWrap"> :) :( =( :waaa: :s ^_^ :D =D ^:D @@, ;) :yaya: :&#39;( T_T :&#92; :p B) :Q :Ozz 7:( &#92;o/ &#92;m/ **p  0:) ^o^ 7:O</div>');
	}
	function emo(emo, imgRep, emoKey) {
		$(emoRange).each(function() {
			$(this).html($(this).html()
			.replace(/<br>(:|;|=|\^)/g, "<br> $1")
			.replace(emo, " <img src='" + imgRep + "' class='emo delayLoad' alt='" + emoKey + "' />"));
		});
	}
	emo(/\s:\)+/g, "https://nevermore-blog.googlecode.com/svn/blog/emoticon/greensmilies-029.gif", ":)");
	emo(/\s;\)+/g, "https://nevermore-blog.googlecode.com/svn/blog/emoticon/nospamhere.gif", ";)");
	emo(/\s:\(/g, "https://nevermore-blog.googlecode.com/svn/blog/emoticon/smiley-angry002.gif", ":(");
	emo(/\s=\(/g, "https://nevermore-blog.googlecode.com/svn/blog/emoticon/smiley-ashamed007.gif", "=(");
	emo(/\s@@,/g, "https://nevermore-blog.googlecode.com/svn/blog/emoticon/smiley-char022.gif", "@@,");
	emo(/\s:yaya:/ig, "https://nevermore-blog.googlecode.com/svn/blog/emoticon/smiley-computer004.gif", ":yaya:");
	emo(/\s:s/ig, "https://nevermore-blog.googlecode.com/svn/blog/emoticon/smiley-confused004.gif", ":s");
	emo(/\s:\\/g, "https://nevermore-blog.googlecode.com/svn/blog/emoticon/smiley-confused007.gif", ":&#92;");
	emo(/\s:D/g, "https://nevermore-blog.googlecode.com/svn/blog/emoticon/smiley-cool07.gif", ":D");
	emo(/\s=D/g, "https://nevermore-blog.googlecode.com/svn/blog/emoticon/smiley-dance005.gif", "=D");
	emo(/\s\^:D/g, "https://nevermore-blog.googlecode.com/svn/blog/emoticon/smiley-devil03.gif", "^:D");
	emo(/\s\^(\_|)\^/g, "https://nevermore-blog.googlecode.com/svn/blog/emoticon/smiley-gen003.gif", "^_^");
	emo(/\s:'\(/g, "https://nevermore-blog.googlecode.com/svn/blog/emoticon/smiley-gen017.gif", ":&#39;(");
	emo(/\s:waaa:/g, "https://nevermore-blog.googlecode.com/svn/blog/emoticon/smiley-greet024.gif", ":waaa:");
	emo(/\sT_T/ig, "https://nevermore-blog.googlecode.com/svn/blog/emoticon/smiley-happy005.gif", "T_T");
	emo(/\sB\)/g, "https://nevermore-blog.googlecode.com/svn/blog/emoticon/smiley-laughing004.gif", "B)");
	emo(/\s:Q/ig, "https://nevermore-blog.googlecode.com/svn/blog/emoticon/smiley-laughing013.gif", ":Q");
	emo(/\s\*\*p/ig, "https://nevermore-blog.googlecode.com/svn/blog/emoticon/smiley-rolleyes010.gif", "**p");
	emo(/\s7:\(/g, "https://nevermore-blog.googlecode.com/svn/blog/emoticon/smiley-sad009.gif", "7:(");
	emo(/\s:p/ig, "https://nevermore-blog.googlecode.com/svn/blog/emoticon/smiley-sad021.gif", ":p");
	emo(/\s:Oz+/ig, "https://nevermore-blog.googlecode.com/svn/blog/emoticon/smiley-scared009.gif", ":Ozz");
	emo(/\s7:O/ig, "https://nevermore-blog.googlecode.com/svn/blog/emoticon/smiley-shocked003.gif", "7:O");
	emo(/\s\\o\//ig, "https://nevermore-blog.googlecode.com/svn/blog/emoticon/smiley-signs002.gif", "&#92;o/");
	emo(/\s\\m\//ig, "https://nevermore-blog.googlecode.com/svn/blog/emoticon/smiley-think004.gif", "&#92;m/");
	emo(/\s&lt;3/ig, "https://nevermore-blog.googlecode.com/svn/blog/emoticon/smiley-transport027.gif", "&amp;amp;lt;3");
	emo(/\s0:\)+/ig, "https://nevermore-blog.googlecode.com/svn/blog/emoticon/smiley-violent004.gif", "0:)");
	emo(/\s\^o\^/ig, "https://nevermore-blog.googlecode.com/svn/blog/emoticon/smiley-whacky099.gif", "^o^");


	// Show alert one times!
	$('.emoWrap').one("click", function() {
		if(emoMessage) {
			alert(emoMessage);
		}
	});
	// Click to show the code!
	$('.emo').css('cursor', 'pointer').live("click", function(e) {
		$('.emoKey').remove();
		$(this).after('<input class="emoKey" type="text" size="6" value=" ' + this.alt + '" />');
		$('.emoKey').trigger("select");
		e.stopPropagation();
	});
	$(document).on("click", function() {
		$('.emoKey').remove();
	});

});
</script>